<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no" />
    <meta name="format-detection" content="date=no" />
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link href="css/common.css" rel="stylesheet" />
    <script src="js/common.js"></script>
	</head>
	<body class="login">
	  <header>
	    <img src="./images/in_logo.png" alt="" />
	    <a href="index.html">返回首页</a>
	  </header>
	  <article>
	    <div class="bg">
	      <form action="">
          <p class="username_p"><label for=""></label><input type="text" placeholder="账号" id="username"/></p>
          <p class="username_error"><em></em><span></span></p>
          <p class="pw_p"><label for=""></label><input type="password" placeholder="登录密码" id="pw"/></p>
          <p class="pw_error"><em></em><span></span></p>
          <p class="p3"><span class=""></span>记住我<em>忘记密码?</em></p>
          <input type="button" name="" id="submit" value="立即登录" />
          <p class="phone">客服电话：<a href="tel:10086">010-87951832</a></p>
        </form>
	    </div>
	    
	  </article>
	  <footer class="bottom">
      <h1>北京乐知鱼教育科技有限公司 —— 专业的教育支持平台</h1>
      <p>地址：北京市朝阳区东四环中路195号华腾新天地大厦509室</p>
      <p>乐知鱼版权所有，京ICP备16063606号</p>
    </footer>
    <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
    	$(function(){
    	  //提交判断
    	  $('#submit').click(function(){
    	    $('.username_error').hide();
    	    $('.pw_error').hide();
    	    if($('#username').val()==""){
    	      $('.username_error').show();
    	      $('.username_error span').text('用户名不能为空');
    	      return false;
    	    }else if($('#pw').val()==""){
          $('.pw_error').show();
          $('.pw_error span').text('密码不能为空');
          return false;
        }
    	  });
    	  //是否记住密码,使用cookie
    	  $('.p3 span').click(function(){
    	   if($(this).hasClass('span_active')){
    	     $(this).removeClass('span_active');
    	   }else{
    	     $(this).addClass('span_active');
    	   }
    	  });
    	  //忘记密码弹出
    	  $('.p3 em').click(function(){
         alert("请拨打下方客服电话,找回密码");
       });
    	});
    </script>
	</body>
</html>
